<template>
  <div>
    <el-row>
      <el-col :span="24">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>用户管理</span>
          </div>
          <div>
            <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="id" label="ID" />
                <el-table-column prop="name" label="姓名" />
                <el-table-column prop="phone" label="手机号" />
                <el-table-column prop="email" label="邮箱" />
                <el-table-column prop="role" label="角色" />
            </el-table>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import { getUserList} from "@/api/staff.js";
import { ref } from 'vue'

var userList = ref([])

GetUserList()
function GetUserList(){
  getUserList().then(res=>{
    if(res.data.code==200000){
      userList.value = res.data.data
    }
  })
}

</script>


<style scoped>

</style>